Трапеция с закругленными углами

[Kadi]

просто трапеция, пожалуйста!

.trapezoid {
	border-bottom: 100px solid red;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 100px;
}

но вот закруглить углы (как во вкладках в Хроме) никак не получается.. может у кого есть идеи как это можно реализовать на CSS?

[Softlink]

А если так попробовать - http://jsfiddle.net/Softlink/pXgeV/ ?

[mrnobody]

Или так?

http://jsfiddle.net/Va2C3/

Мдя, в моем примере только в webkit`ах работает

Edited October 28, 2012 by mrnobody

[Kadi]

Мдя, в моем примере только в webkit`ах работает

и все равно спасибо ) я что-то совсем забыл про transform и perspective, интересно CSS3PIE может решить вопрос кроссбраузерности?

[Kadi]

вот еще одно решение ссылка